import React from 'react';
import ReactDOM from 'react-dom';
import theme from '@chakra-ui/theme'
import { ChakraProvider, CSSReset } from "@chakra-ui/react"
import App from './components/App';
import LgUi from './lg/index'

// theme.config.initialColorMode = 'dark'

// theme.config.useSystemColorMode = true

console.log(theme)

const myTheme = {
  ...theme,
  components: {
    ...theme.components,
    ...LgUi
  }
}

// const myTheme = extendTheme({ LgUi })

console.log(myTheme)

ReactDOM.render(
  <ChakraProvider theme={myTheme}>
    <CSSReset/>
    <App />
  </ChakraProvider>,
  document.getElementById('root')
);
